//简单封装   obj：目标对象  ， target：目标位置
//动画函数添加回调函数
// var obj = {};
// obj.name  = 'anndy';
//给不同元素设定不同的定时器
//匀速动画就是：盒子当前值 加上 固定值
//缓动动画就是：盒子当前位置+变化的值（（目标值 - 现在的位置）/ 某个数 ）
function animate(obj, target, callback) {
	//调用 callback()
	//先清除定时器
	clearInterval(obj.timer);
	obj.timer = setInterval(function() {
		//步长值必须在定时器里面
		//把步长值改为整数 去除小数
		var step = (target - obj.offsetLeft) / 10;
		//var stepY = (target - obj.offsetTop) / 10;
		step = step > 0 ? Math.ceil(step) : Math.floor(step);
		//stepY > 0 ? Math.ceil(stepY) : Math.floor(stepY);
		if (obj.offsetLeft == target) {
			clearInterval(obj.timer);
			//回调函数写在定时器里
			if (callback) {
				//调用函数
				callback();
			}
		}
		obj.style.left = obj.offsetLeft + step + 'px';
		//obj.style.top = obj.offsetTop + stepY + 'px';
	}, 15);
}
